<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1551px" height="1121px" version="1.1" content="%3Cmxfile%20userAgent%3D%22Mozilla%2F5.0%20(Macintosh%3B%20Intel%20Mac%20OS%20X%2010_12_3)%20AppleWebKit%2F537.36%20(KHTML%2C%20like%20Gecko)%20Chrome%2F56.0.2924.87%20Safari%2F537.36%22%20version%3D%22%40DRAWIO-VERSION%40%22%20editor%3D%22www.draw.io%22%20type%3D%22github%22%3E%3Cdiagram%20name%3D%224%20Ways%20to%20Connect%20Shapes%22%3E3Zpbb6M4FIB%2FTaSZh0b4wu2xTSez0u5qRsqMZl8NGOIp4MiQSTO%2Ffo%2FBJFCT3VSCqm0qpfT4Aj6fz810QVbF42fFdtu%2FZcLzBXaSxwW5X2DsYx%2B%2BteBoBI7bCjIlklaEzoKN%2BM2N0DHSvUh4NehYS5nXYjcUxrIseVwPZEwpeRh2S2U%2BvOuOZdwSbGKWd9IlPct%2FiKTeGjnywnPDH1xkW3PzAHttQ8Tih0zJfWnuuMAkbT5tc8G6ucxSqy1L5KEnIp8WZKWkrNur4nHFc63cTnHtuPWF1tN6FC%2FrqwaY5%2FjF8r1Z%2FapW0OPuXrEMGqTSis5F%2FKBXpzsZHZs2WDeBScjdcJhBI2SpH0cKeJp2vfWx03KjJa6fQw%2FPclZV5jqWhYjNdVUr%2BXCCgECSijxfyRxurqchqat%2FQM5ykZUgi2HpXJ2G9rp6zUdPIct6Y55E38TWmlHkL65q%2FtgTGS1%2B5rLgtTpCF9OKidkzx26vGM0eevsnNIax7W0dz%2FRjZtNmp6nP2ODCkLtAEVkUDYdUyUKrHQwqYqoxpB6zEZ5OLFQMinlFtKodi0WZgZRMwwqhTmEdLOclYREL1ofbHOzj7p%2BPPVsT5YDbQcCDnclVPAfzAh6NC9nxjh5PslfFbgrLwsEAlkf8F4TlWrC%2BKg76w07LbLMVqf692qtKXgXq9cCZ3rAclz5h9ZKGFVqs1jLea1Z6Doi%2Bcl9xCcuxIMD6aktVpSz5E0UbUafjnKd6mFaQgPTh1ogLkSR65rvr2PajEZoGBHWviEZohAOegAO2cwoTjVip7SBRcvfuCSBCrogxsyGwE4JN44gaW4D1OZsusrxzDpReET1mw4D%2FD8Of%2FBhJppJ3zwFh%2F4rQMBsIO%2BeCp3F%2BsGNlcmJnZYpJMA0dp6tLRBrdtCUrzGHr6qLqrcA8ReQ3%2BEe3yQTUPOoPoI0wI25gM6NTMPNpgEmAEE2Ig3hy49pO7ZvYLchtw8ykYW32fEq%2FFN%2FlLNY0L6RfM9lZf1fgOdyYhywSIbZBEPJsEN8rrr5EP1tbyFnE885z8VbXZ591UvNmK1Ud72tjNbkoH9pB27rWhza3TQK2rnlVLxPFDksBJreuulHL6lfWjrwMn%2FT0Y3bKa3SX3fFCL9924LNez%2BVGXWJthGDEIkn47I0Af%2Fb2wrVGSi8bqckCB0cQxkD1lLE%2BLHqb5mlne5jOZZ9XMLCL1hODD42n%2FAiu8huLehyaGFhAcbTQB6ZN1fQ2UVilz0jMejESgV2SWnpt4xK5F0VzLH3S1F%2Fa9X6VlWhOUcl9JOtaFtCh8cl3p4Pm%2FiFAe9Rsa7uGiguQVLv2uDwVj9qp3TW3vO2kTieB66HfFsvsyH7LZawPE9cJxSFBOAnDNHIYcUgSxS4mPqLEoZS4y0yk03i7sCtbj10qaLP0Rr0ddWegiZCdz799nG7keigNSOh7KUXA1gk5DWKQMIocn0yH80kOM0ozRGM0gzloYttNvn2aMcduGhJK4yRMGBioTwLupRwsNiWph2aj6bt2Ye0F7hjNOYoDROzE4%2B3TdEOIX2EYIh5wPw0piaI4SrkX%2BH7sxQmejmbgPsVp55W%2BQ6cxzkslxpcd1289mlcfpkxYLpeL%2F6wpDodDr6QAMt%2FbduzqHq4WwZfukIl6u4%2F2cG%2FINGtQVatkaP2Z6ffYzaWeSsibRDCQFVUjK1ilK%2FamuS83Lzlvmm01VsTQnsov1iy9AwWIL8OEyH1VBwoz1jW%2BO4z0EGrHjofGQv3zvclIYQOi80v3pnvvXxvIp38B%3C%2Fdiagram%3E%3C%2Fmxfile%3E" resource="https://www.draw.io/?dev=1&amp;test=1#Hjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fconnect-shapes.svg" style="background-color: rgb(255, 255, 255);"><defs/><g transform="translate(0.5,0.5)"><rect x="186" y="80" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="284" y="106.5">Ctrl+Drag or click blue arrow or</text><text x="284" y="120.5">Ctrl+Drag connection point</text></g><rect x="1063" y="70" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1161" y="96.5">Drag from sidebar to</text><text x="1161" y="110.5">blue arrow or circle</text></g><rect x="180" y="607" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="278" y="633.5">(Alt+X) click in sidebar with</text><text x="278" y="647.5">selected shape or edge</text></g><rect x="1006" y="600" width="197" height="60" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1104" y="626.5">Press Alt+Shift+Cursor with</text><text x="1104" y="640.5">selected shape</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="407.5" y="93.5">Focus / mouseover</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="1284.5" y="83.5">Drag and drop</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="401.5" y="620.5">Select + Sidebar</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" font-size="12px"><text x="1227.5" y="613.5">Select + Keyboard</text></g><g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="24px"><text x="777.5" y="29.5">4 Ways to Connect Shapes</text></g><g fill="#000000" font-family="Helvetica" font-style="italic" font-size="12px"><text x="401.5" y="644">Tip: Shift+Click</text><text x="401.5" y="658">replaces shape</text></g><a xlink:href="https://test.draw.io/shortcuts.svg"><rect x="1226" y="623" width="88" height="39" fill="none" stroke="none"/><g fill="#0000FF" font-family="Helvetica" font-style="italic" text-decoration="underline" font-size="12px"><text x="1227.5" y="639">See: Keyboard</text><text x="1227.5" y="653">Shortcuts</text></g></a><rect x="1283" y="94" width="92" height="33" fill="none" stroke="none"/><g fill="#000000" font-family="Helvetica" font-style="italic" font-size="12px"><text x="1284.5" y="107">Tip: Drag to</text><text x="1284.5" y="121">replace icon</text></g><rect x="406" y="100" width="92" height="33" fill="none" stroke="none"/><g fill="#000000" font-family="Helvetica" font-style="italic" font-size="12px"><text x="407.5" y="113">Tip: (Shift)+Tab</text><text x="407.5" y="127">to move focus</text></g><image x="861.5" y="169.5" width="688" height="345" xlink:href="https://i.gyazo.com/d429312d99fb0a303dbc523714304435.gif" preserveAspectRatio="none" pointer-events="none"/><image x="-0.5" y="169.5" width="691" height="348" xlink:href="https://i.gyazo.com/5b561f83976f4142909e48cf83a41073.gif" preserveAspectRatio="none" pointer-events="none"/><image x="-0.5" y="726.5" width="685" height="340" xlink:href="https://i.gyazo.com/ce25f9344cd9dafb0738e6fe931f3f61.gif" preserveAspectRatio="none" pointer-events="none"/><image x="809.5" y="722.5" width="704" height="348" xlink:href="https://i.gyazo.com/592139991e8e7f943bbcbfe6877c6cd2.gif" preserveAspectRatio="none" pointer-events="none"/><a xlink:href="https://www.draw.io/#Uhttps%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fdiagrams%2Fconnect-shapes.svg"><rect x="702" y="1090" width="118" height="30" fill="none" stroke="none"/><g fill="#0000FF" font-family="Helvetica" font-weight="bold" text-decoration="underline" text-anchor="middle" font-size="12px"><text x="760.5" y="1108.5">Open in draw.io...</text></g></a></g></svg>